﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />

    <!-- load angular -->
    <script src="http://code.angularjs.org/1.2.6/angular.js"></script>
    <script src="~/Scripts/login.js"></script>
    <script src="~/Scripts/EventsService2.js"></script>
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <title>R4U Login</title>
    <!-- BOOTSTRAP CORE STYLE CSS -->
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <!-- FONTAWESOME STYLE CSS -->
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" />
    <!-- CUSTOM STYLE CSS -->

    <!-- GOOGLE FONT -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body ng-app="loginApp"  style="background: url('http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-3-full.jpg') repeat">
    <br />
    <br />
    <br />
    <br />
    <br />
    <div class="container" style="opacity:0.93">
        <div class="row  pad-top">

            <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong> <b>R4U Login</b> </strong>
                    </div>
                    <div class="panel-body" ng-controller="loginController">
                        <form  name="userForm" novalidate ng-submit="validate(login)">
                            <p class="text-danger">{{error}}</p>
                            <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></div>
                                    <input class="form-control" name="email" ng-model="login.email" type="email" placeholder="Your Email Address"/ required>
                                </div>
                            </div>
                            <div class="form-group input-group" ng-class="{ 'has-error' : userForm.password.$invalid && !userForm.password.$pristine }">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                                <input type="password" name="password" ng-model="login.password" class="form-control" placeholder="Your Password" required/>
                            </div>
                            <div class="form-group">
                                <label class="checkbox-inline">
                                    <input type="checkbox" />
                                    Remember me
                                </label>
                                <span class="pull-right">
                                    <a href="/ForgetPassword">Forget password ? </a>
                                </span>
                            </div>
                            <p style="text-align:right">
                            <button type="submit"  ng-disabled="userForm.$invalid" class="btn btn-primary">Login Now</button>
                                </p>
                            <hr />
                            Not register ? <a href="/Register">click here </a>
                        </form>
                    </div>

                </div>
            </div>


        </div>
    </div>


    <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
    <!-- CORE JQUERY  -->
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <!-- BOOTSTRAP SCRIPTS  -->
    <script src="~/Scripts/bootstrap.js"></script>

</body>
</html>

